<template>
  <div class="home-content">
    <h3>欢迎来到首页</h3>
    <p>这里是首页的内容区域，可以展示一些重要的信息或功能。</p>
  </div>
</template>

<script>
export default {
  name: "HomeContent",
};
</script>

<style scoped>
.home-content {
  /* 使用与 ContentPanel 相同的背景颜色 */
  background-color: #e9eef3;
  /* 使用与 ContentPanel 相同的内边距 */
  padding: 20px;
  /* 添加一些额外的样式以区分内容区域 */
  border: 1px solid #dcdfe6;
  border-radius: 8px;
  width: 100%;
}
</style>